<template>
    <div id="main">
        <div id="top">
            <p>工具服务</p>
        </div>
        <div id="mid">
            <van-grid :column-num="4" :border="false">
                <van-grid-item>
                    <van-image class="im" :src="require('../assets/my/41.jpg')">
                        安全中心
                    </van-image>
                </van-grid-item>
                <van-grid-item>
                    <van-image class="im" :src="require('../assets/my/42.jpg')">
                        客服帮助
                    </van-image>
                </van-grid-item>
                <van-grid-item>
                    <van-image class="im" :src="require('../assets/my/43.jpg')">
                        阅读打卡
                    </van-image>
                </van-grid-item>
                <van-grid-item>
                    <van-image class="im" :src="require('../assets/my/44.jpg')">
                        带货佣金
                    </van-image>
                </van-grid-item>
                <van-grid-item>
                    <van-image class="im" :src="require('../assets/my/51.jpg')">
                        我的地址
                    </van-image>
                </van-grid-item>
                <van-grid-item>
                    <van-image class="im" :src="require('../assets/my/52.jpg')">
                        领券中心
                    </van-image>
                </van-grid-item>
                <van-grid-item>
                    <van-image class="im" :src="require('../assets/my/53.jpg')">
                        我的藏书
                    </van-image>
                </van-grid-item>
                <van-grid-item>
                    <van-image class="im" :src="require('../assets/my/54.jpg')">
                        隐私摘要
                    </van-image>
                </van-grid-item>
            </van-grid>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
    #main{
        width: 95%;
        margin-bottom: 7vw;
        #top{
            background: #fff;
            margin-left: 2.5vw;
            width: 100%;
            border-bottom: 1pm solid #fff;
            text-align: center;
            p{
                padding-top: 2vw;
                font-size: 4.5vw;
                font-weight: bold;
            }
        }
        #mid{
            width: 100%;
            padding-left: 2.5vw;
            text-align: center;
            font-size: 3vw;
            margin-bottom: 3vw;
            .im{
                width: 14vw;
                height: 14vw;
            }
        }
    }
    ::v-deep .van-image__img{
        width: 70%;
        height: 70%;
        padding-left: 2vw;
        padding-bottom: 1vw;
        text-align: center;
    }
</style>